<template>
	<view>
		<view class="u-f-ajc load-bar">
			<template v-if="status==='loading'">
				<u-loading size="40" color="rgba(255, 206, 0, 1)"></u-loading>
				<text style="margin-left: 20rpx;color: #888;">加载中...</text>
			</template>
			<template v-if="status==='loadmore' || status==='nomore' ">
				<text class="line"></text>
				<text style="color: #666;margin: 0 20rpx;">{{status==='loadmore'?'加载更多':'没有更多数据了'}}</text>
				<text class="line"></text>
			</template>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			status:{
				type: String,
				default:'loadmore'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.load-bar {
	height: 88rpx;
	
	.line {
		width: 80rpx;
		border-bottom: 2rpx solid #888;
	}
}
</style>
